<template>
  <div>

  </div>
</template>

<script lang="ts" setup>
import { inject, computed, CSSProperties, onMounted, shallowRef } from 'vue'
import { getSize, getShape } from './util'

const props = withDefaults(defineProps(), {
  shape: 'circle',
  size: 40,
})

type AvatarProps = {
  shape?: 'circle' | 'square' | number;
  size?: number;
  imgUrl?: string;
};

type AvatarGroupProps = {
  shape?: 'circle' | 'square' | number;
  size?: number;
  max?: number;
};

//当有组的时候从组注入
const size = inject<AvatarProps['size']>('size', undefined)
//获取size
const style = computed(() => {
 const finalSize = getSize(size || props.size)

})
</script>
<style lang="scss" scoped>
</style>